<template>
<!--<div>-->
<!--  <div style="height: 100vh; overflow: hidden; display: flex; align-items: center;justify-content: center">-->
<!--    <div style="font-size: 40px">404 找不到页面 <router-link to="/">返回首页</router-link></div>-->
<!--</div>-->
<!--</div>-->
  <div style="height: 100vh; overflow: hidden; display: flex; align-items: center;justify-content: center">
  <el-row>


    <el-col :sm="120" :lg="60">
      <el-result icon="error" title="404" subTitle="网页无法找到">
        <template slot="extra">
          <el-button type="primary" size="medium" @click="goHome">返回首页</el-button>
        </template>
      </el-result>
    </el-col>

  </el-row>

  </div>

</template>

<script>
export default {
  name: "404",
  methods:{
    goHome() {

      this.$router.push('/');
    }
  }
}
</script>

<style scoped>

</style>